<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--style风格标签-->
    <style>
        /*访问前 访问后 聚焦 点击时*/
        a:link{color: green}
        a:visited{color: red}
        a:hover{color: blue}
        a:active{color: yellow}
    </style>
</head>
<body>

<!--超链接,给图片赋值-->
<a href="基础.html">
  <img src="a.png" alt="" width="50%">
</a>
<a href="图片.html">
  超链接
</a>

</body>
</html>